.toolbar-background-ios,
.toolbar-background-md {
  background: linear-gradient(to right, #347eff, #1ea3ff);
}

.toolbar-title-ios,
.toolbar-title-md {
  color: #ffffff;
}

.bar-button-default-ios,
.bar-button-default.bar-button-ios-default,
.bar-button-clear-ios-default,
.bar-button-default-md,
.bar-button-default.bar-button-md-default,
.bar-button-clear-md-default {
  color: #ffffff;
}

.loading-ios .spinner-crescent circle,
.loading-md .spinner-crescent circle {
  stroke: #347eff;
}

.spinner-crescent circle {}

.loading-content {
  color: #347eff;
}

.toast-ios .toast-wrapper,
.toast-md .toast-wrapper {
  background: rgba(0, 0, 0, 0.6);
}

.toast-success {
  .toast-wrapper {
    transform: translateY(70px);
    background-color: #efffe7;
    .toast-message {
      color: #00a81c;
      text-align: center;
    }
  }
}

.toast-error {
  .toast-wrapper {
    transform: translateY(70px);
    background-color: #fef0f0;
    .toast-message {
      color: #f56c6c;
    }
  }
}

#chatra {
  opacity: 0 !important;
}
#chatra.chatra--expanded{
  opacity: 1 !important;
}

#chatra.chatra--mobile-widget.chatra--expanded:not(.chatra--transparent) {
  height: 90% !important;
  margin-top: 10% !important;
  &:after {
    display: none;
  }
}
